﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Login.aspx.cs" Inherits="Login" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>Welcome to Museum Hunters...</title>

    <script language="javascript" type="text/javascript">
        function Validate() {
            if (document.getElementById("<%=txtUsername.ClientID%>").value == "") {
                alert("User Name can not be blank.");
                document.getElementById("<%=txtUsername.ClientID%>").focus();
                return false;
            }
            if (document.getElementById("<%=txtPassword.ClientID%>").value == "") {
                alert("Password can not be blank.");
                document.getElementById("<%=txtPassword.ClientID%>").focus();
                return false;
            }
            return true;
        }
        function ClearControls() {
            document.getElementById("<%=txtUsername.ClientID%>").value == "";
            document.getElementById("<%=txtPassword.ClientID%>").value == "";
        }

        function WatermarkFocus(txtElem, strWatermark) {
            if (txtElem.value == strWatermark) txtElem.value = '';
        }
        function WatermarkBlur(txtElem, strWatermark) {
            if (txtElem.value == '') txtElem.value = strWatermark;
        }

    </script>

    <style type="text/css">
        .backGround
        {
            background: url(Images/top-bg.png) repeat-x;
            height: 44px;
            font-family: Calibri;
            font-size: xx-large;
            font-weight: bolder;
            text-align: center;
            color: White;
        }
        .textBoxstyle
        {
            background-image: url('Images/bg_box_username_password.png');
            background-repeat: no-repeat;
            vertical-align: middle;
            font-size: x-large;
            padding-top:2px;
            border:0px;
        }
    </style>
</head>
<body style="background-color: #D0D7DF; font-family: Calibri, Verdana; font-size: small;">
    <form id="form1" runat="server">
    <div style="border-left: 1px solid gray; border-right: 1px solid gray; border-top: 1px solid gray;
        border-bottom: 1px solid gray;">
        <table width="100%" cellspacing="1" cellpadding="1" border="0">
            <tr>
                <td class="backGround" colspan="4">
                    MUSEUM<br /><br />
                </td>
            </tr>
            <tr>
                <td>
                    &nbsp;
                </td>
                <td>
                    <asp:Label ID="lblRole" Text="Role" runat="server"></asp:Label>
                </td>
                <td>
                    :
                </td>
                <td>
                    <asp:DropDownList ID="ddlRole" runat="server" Width="308px">
                        <asp:ListItem Text="App Owner" Value="0"></asp:ListItem>
                        <asp:ListItem Selected="True" Text="Museum Operator" Value="1"></asp:ListItem>
                        <asp:ListItem Text="School District" Value="2"></asp:ListItem>
                    </asp:DropDownList><br /><br />
                </td>
            </tr>
            <tr>
                <td style="width: 20%;">
                    &nbsp;
                </td>
                <td>
                    <asp:Label ID="lblUsername" runat="server" Text="User Name"></asp:Label>
                </td>
                <td>
                    :
                </td>
                <td>
                    <asp:TextBox ID="txtUsername" runat="server" Width="308px" Height="55px" CssClass="textBoxstyle"
                        MaxLength="20"></asp:TextBox><br /><br />
                </td>
            </tr>
            <tr>
                <td>
                    &nbsp;
                </td>
                <td>
                    <asp:Label ID="lblPassword" runat="server" Text="Password"></asp:Label>
                </td>
                <td>
                    :
                </td>
                <td>
                    <asp:TextBox runat="server" ID="txtPassword" Width="308px" Height="55px" TextMode="Password" CssClass="textBoxstyle" MaxLength="20" /><br /><br />
                    <%--<asp:TextBox runat="server" ID="txtPassword" Style="display: none" Width="308px" Height="55px" TextMode="Password" onblur="ShowText();" CssClass="textBoxstyle" />--%>
                    <%--<asp:TextBox ID="thePasswordTextBox" runat="server" Width="308px" Height="55px" onfocus="HideText();" Text="Password..." onblur="ShowText();"
                        CssClass="textBoxstyle" MaxLength="20"></asp:TextBox>--%>
                </td>
            </tr>
            <tr>
                <td>
                    &nbsp;
                </td>
                <td>
                    &nbsp;
                </td>
                <td>
                    &nbsp;
                </td>
                <td>
                    <asp:CheckBox ID="chkRememberMe" runat="server" Text="Remember Me" /><br /><br />
                </td>
            </tr>
            <tr>
                <td>
                    &nbsp;
                </td>
                <td>
                    &nbsp;
                </td>
                <td>
                    &nbsp;
                </td>
                <td>
                    <asp:Button ID="btnLogin" Text="Sign In" runat="server" OnClick="btnLogin_Click"
                         OnClientClick="return Validate();" />&nbsp;&nbsp;
                </td>
            </tr>
            <tr>
                <td colspan="4">
                    <asp:Label ID="lblError" runat="server" ForeColor="Red" Visible="true"></asp:Label>
                </td>
            </tr>
            <tr>
                <td colspan="4">
                    <hr />
                    <span style="float: left; padding-left: 5px;"><a href="http://www.MuseumHunters.com">
                        Home</a> | <a href="http://www.MuseumHunters.com">About Us</a><br />
                        &copy; 2012 Museum Hunters. All Rights Reserved.</span>
                </td>
            </tr>
        </table>
    </div>
    </form>
</body>
</html>
